<template>
	<view>
		<view v-for="(msg, index) in msgList" :key="index">
			<msg-item @deleteListMsg="deleteListMsg"
			:msg.sync="msg"
			:index="index">
			</msg-item>
		</view>
	</view>
</template>

<script>
	export default {
		name:"msg-list-bar",
		props:['msgList'],
		data() {
			return {
				list: []
			};
		},
		created() {
			this.list = this.msgList;
		},
		onLoad() {
		},
		methods: {
			deleteListMsg(index){
				this.$emit("deleteMsg", index);
			}
		},
		mounted() {
		}
	}
</script>

<style>

</style>
